// LESS

// Font sizes
@smaller: .8em;
@small: .9em;
@normal: 1em;
@large: 1.1em;
@larger: 1.2em;
@xlarge: 1.4em;
@huge: 3.3em;

// Colors
@black: #000;
@grey2: #222;
@grey3: #333;
@grey4: #444;
@grey8: #888;
@grey9: #999;
@grey10: #aaa;
@grey11: #bbb;
@grey12: #ccc;
@grey13: #ddd;
@grey14: #eee;
@white: #fff;
@pink: #ff0080;
@pinkBright: #fec7ea;
@pinkDark: #cd0082;
@red: #ff0000;
@redDark: #9d261d;
@blue: #049cdb;
@blueDark: #0064cd;

// CSS3 gradients
#grads {

	.bg-body () {
	    background-color: #eee;
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.01, rgb(204,204,204)),
			color-stop(0.51, rgb(238,238,238))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgb(204,204,204) 1%,
			rgb(238,238,238) 51%
		);
	}

	.bg-comment () {
	    background-color: #ddd;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.04, rgb(238,238,238)),
			color-stop(0.52, rgb(221,221,221))
		);
		background-image: -moz-linear-gradient(
			center top,
			rgb(238,238,238) 4%,
			rgb(221,221,221) 52%
		);
	}

	.bg-comment-right () {
	    background-color: #eee;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.04, rgb(255,255,255)),
			color-stop(0.52, rgb(238,238,238))
		);
		background-image: -moz-linear-gradient(
			center top,
			rgb(255,255,255) 4%,
			rgb(238,238,238) 52%
		);
	}

	.bg-markitup-button () {
	    background-color: #fff;
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.04, rgb(240,240,240)),
			color-stop(0.52, rgb(255,255,255))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgb(240,240,240) 4%,
			rgb(255,255,255) 52%
		);
	}

	.bg-pager-button () {
	    background-color: #fff;
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.04, rgb(240,240,240)),
			color-stop(0.52, rgb(255,255,255))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgb(240,240,240) 4%,
			rgb(255,255,255) 52%
		);
	}

	.bg-textinput () {
	    background-color: #fff;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.14, rgb(255,255,255)),
			color-stop(0.5, rgb(250,250,250))
		);
		background-image: -moz-linear-gradient(
			center top,
			rgb(255,255,255) 14%,
			rgb(250,250,250) 50%
		);
	}

	.bg-prize () {
	    background-color: #eee;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.04, rgb(255,255,255)),
			color-stop(0.52, rgb(238,238,238))
		);
		background-image: -moz-linear-gradient(
			center top,
			rgb(255,255,255) 4%,
			rgb(238,238,238) 52%
		);
	}
}

// Mix-ins

.border-top-left-radius (@radius) {
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}

.border-top-right-radius (@radius) {
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}

.border-bottom-right-radius (@radius) {
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}

.border-bottom-left-radius (@radius) {
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}